<div class="monitor-tab-div">
	<!-- 基本信息 -->
	<div class="m-panel">
		<div class="m-panel-title">
			<span>基本信息</span>
		</div>
		<div class="m-panel-body base-info-div">
			<form class="bs-example form-horizontal xs-form">
				<div id="base_info_monitor_div">
					<div class="form-group">
	                    <label class="col-lg-2 control-label">监控器名称：</label>
	                    <label class="col-lg-4 control-label tl" data-id="monitorName"></label>
	                    <label class="col-lg-2 control-label">监控器类型：</label>
	                    <label class="col-lg-4 control-label tl" data-id="monitorTypeName"></label>
	                </div>
	            </div>
	            <div id="base_info_asset_div">
	                <div class="form-group">
	                    <label class="col-lg-2 control-label">被监控资产名称：</label>
	                    <label class="col-lg-4 control-label tl" data-id="assetName"></label>
	                    <label class="col-lg-2 control-label">资产类型：</label>
	                    <label class="col-lg-4 control-label tl" data-id="assetTypeName"></label>
	                </div>
	                <div class="form-group">
	                    <label class="col-lg-2 control-label">IP：</label>
	                    <label class="col-lg-4 control-label tl" data-id="mainIpv4"></label>
	                    <label class="col-lg-2 control-label">安全域：</label>
	                    <label class="col-lg-4 control-label tl" data-id="securityDomainName"></label>
	                </div>
	                <div class="form-group">
	                    <label class="col-lg-2 control-label">操作系统：</label>
	                    <label class="col-lg-4 control-label tl" data-id="osTypeName"></label>
	                    <label class="col-lg-2 control-label">物理位置：</label>
	                    <label class="col-lg-4 control-label tl" data-id="locationCbName"></label>
	                </div>
				</div>
			</form>
		</div>
	</div>

	<!-- 静态信息 -->
	<div class="m-panel">
		<div class="m-panel-title">
			<span>静态信息</span>
		</div>
		<div class="m-panel-body base-info-div">
			<form class="bs-example form-horizontal xs-form">
				<div id="static_info_div">
					<div class="form-group">
	                    <label class="col-lg-2 control-label">版本：</label>
	                    <label class="col-lg-4 control-label tl" data-id="version"></label>
	                    <label class="col-lg-2 control-label"></label>
	                    <label class="col-lg-4 control-label tl"></label>
	                </div>
	                <div class="form-group">
	                    <label class="col-lg-2 control-label">编译时间：</label>
	                    <label class="col-lg-4 control-label tl" data-id="builtTime"></label>
	                    <label class="col-lg-2 control-label">启动时间：</label>
	                    <label class="col-lg-4 control-label tl" data-id="restartTime"></label>
	                </div>
	                <div class="form-group">
	                    <label class="col-lg-2 control-label">运行时间：</label>
	                    <label class="col-lg-4 control-label tl" data-id="upTime"></label>
	                    <label class="col-lg-2 control-label">总访问数：</label>
	                    <label class="col-lg-4 control-label tl" data-id="totalAccesses"></label>
	                </div>
	                <div class="form-group">
	                    <label class="col-lg-2 control-label">总传输量：</label>
	                    <label class="col-lg-4 control-label tl" data-id="totalTraffic"></label>
	                    <label class="col-lg-2 control-label">更新时间：</label>
	                    <label class="col-lg-4 control-label tl" data-id="updateDate"></label>
	                </div>
	            </div>
			</form>
		</div>
	</div>

	<div class="box">
		<div class="box-item" style="flex:1">
			<div class="m-panel">
				<div class="m-panel-title">
					<span>请求数信息</span>
				</div>
				<div class="m-panel-body">
					<div id="request_num_chart" class="monitor-chart"></div>
				</div>
			</div>
		</div>
		<div class="box-item" style="flex:1">
			<div class="m-panel">
				<div class="m-panel-title">
					<span>传输量信息</span>
				</div>
				<div class="m-panel-body">
					<div id="transfer_num_chart" class="monitor-chart"></div>
				</div>
			</div>
		</div>
	</div>

	<div class="box">
		<div class="box-item" style="flex:1">
			<div class="m-panel">
				<div class="m-panel-title">
					<span>线程信息</span>
				</div>
				<div class="m-panel-body">
					<div id="thread_chart" class="monitor-chart"></div>
				</div>
			</div>
		</div>
		<div class="box-item" style="flex:1">
			<div class="m-panel">
				<div class="m-panel-title">
					<span>CPU使用率</span>
				</div>
				<div class="m-panel-body">
					<div id="cpu_use_chart" class="monitor-chart"></div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="monitor-tab-div" data-type="event"></div>

<script type="text/javascript">

$(document).ready(function (){

require([index_web_app_name + '/js/plugin/monitor/catagory/apache.js'] ,function (apache){

	var urlParamObj = index_query_param_get()

	view_init()

	function view_init()
	{
		urlParamObj.time = $("#query_time_label").text()
		apache.base_info(urlParamObj)
		apache.chart_render(urlParamObj)
	}

	window.index_monitor_init = function ()
	{
		view_init()
	}

})

})

</script>